.statusItem{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.dotItem {
    margin-right: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.success {
    color: var(--primaryColor);
    .dotItem {
        background: var(--primaryColor);
    }
}
.warning {
    color: #ffaa3c;
    .dotItem {
        background: #ffaa3c;
    }
}
.waiting {
    color: #1a80dc;
    .dotItem {
        background: #1a80dc;
    }
}
.error {
    color: #f75444;
    .dotItem {
        background: #f75444;
    }
}
.off {
    color: #333333;
    .dotItem {
        background: #333333;
    }
}
.discard {
    color: #b7b7b7;
    .dotItem {
        background: #b7b7b7;
    }
}
.statusName {
    font-size: 14px;
}